import Vue from 'vue'
import App from '@/App.vue'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import router from '@/router/router.js' //路由
import axios from '@/utils/request.js' //接口请求
import store from '@/store/store' //vuex仓库
import '@/utils/global' //全局
import '@/permission' // 导航守卫
import '@/styles/index.css' // 全局样式

// 图片查看插件
import ImageViewer from 'vue2-viewer'

// 富文本框
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import VueQuillEditor from 'vue-quill-editor'
import * as Quill from 'quill' //引入编辑器
import { ImageDrop } from 'quill-image-drop-module'
import ImageResize from 'quill-image-resize-module'
Quill.register('modules/imageDrop', ImageDrop) //拖拽圖片
Quill.register('modules/imageResize', ImageResize) //縮放图片

Vue.use(ElementUI)
Vue.config.productionTip = false
Vue.prototype.axios = axios

// 图片查看插件注册
Vue.use(ImageViewer)

// 富文本组件
Vue.use(VueQuillEditor)

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
